.fui-progress
  min-width: 145px
  display: inline-block

  &-flex
    display: flex
    align-items: center
    overflow: hidden

    .fui-progress-bar
      display: block
      position: relative
      width: 100%
      height: 6px

      &-element
        display: inline-block
        position: absolute
        width: 100%
        height: 100%
        border-radius: 3px

      &-background
        background-color: $bg-main

      &-primary
        transition: width 200ms ease

      .active
        background-color: $brand-primary

      .exception
        background-color: $brand-danger

      .success
        background-color: $brand-success

    .fui-progress-status
      display: flex
      align-items: center
      min-width: 32px
      height: 20px
      margin-left: 10px

      .active-percent
        font-size: 12px

      .icon-exception
        fill: $brand-danger

      .icon-success
        fill: $brand-success





